<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<link rel="stylesheet" type="text/css" href="/user/css/custom/portfolio.css"/>

<div th:replace="themes/hxq/header::header(null,null)"></div>

<body>
<!-- container -->
<div class="container">

    <ol class="breadcrumb">
        <li><a href="index.html">主页</a></li>
        <li class="active">产品中心</li>
    </ol>

    <div class="row">
        <section id="portfolio" class="page-section section appear clearfix">
            <div class="container">
                <!-- Heading
                <div class="heading text-center">
                    <h2>产品中心</h2>
                    <p>产品主要有光纤收发器、光电交换机、管理型光纤交换机、POE光纤交换机、工业级光纤收发器、工业级光纤交换机等</p>
                </div>

                <hr/>
                -->


                <div class="row">
                    <div class="col-lg-offset-3 col-lg-6">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入您想查询的产品..."/>
                            <span class="input-group-btn">
                                <button class="btn btn-info" type="button">
                                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span> 搜索
                                </button>
                            </span>
                        </div>
                    </div>
                </div>

                <br/>
                <div>




                </div>



                <table class="table table-bordered">
                    <colgroup>
                        <col class="col-xs-2"/>
                        <col class="col-xs-7"/>
                    </colgroup>
                    <tr>
                        <td class="active text-center">分类：</td>
                        <td>

                            <a class="search-type" href="#">光纤收发
                                <span class="glyphicon glyphicon-chevron-down"></span></a>

                            <a class="search-type" href="#">工业级交
                                <span class="glyphicon glyphicon-chevron-down"></span></a>

                            <a class="search-type" href="#">管理型交
                                <span class="glyphicon glyphicon-chevron-down"></span></a>

                            <a class="search-type" href="#">光纤模块
                                <span class="glyphicon glyphicon-chevron-down"></span></a>

                            <a class="search-type" href="#">光纤跳线
                                <span class="glyphicon glyphicon-chevron-down"></span></a>
                        </td>
                    </tr>

                    <tr>
                        <td class="active text-center">端口数</td>
                        <td>
                            <a class="search-type" href="#">8口以下</a>
                            <a href="#" class="search-type">8口-16口</a>
                            <div class="pull-right">
                                多选
                                <span class="glyphicon glyphicon-plus"></span>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td class="active text-center">传输速率</td>
                        <td>
                            <a class="search-type" href="#">1000Mbps</a>
                            <a href="#" class="search-type">100Mbps</a>
                            <a href="#" class="search-type">10Mbps/100Mbps</a>
                            <div class="pull-right">
                                多选
                                <span class="glyphicon glyphicon-plus"></span>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td class="active text-center">更多属性：</td>
                        <td>

                            <a class="search-type" href="#">模块化插槽数
                                <span class="glyphicon glyphicon-chevron-down"></span></a>

                            <a class="search-type" href="#">设备类型
                                <span class="glyphicon glyphicon-chevron-down"></span></a>

                            <a class="search-type" href="#">传输距离
                                <span class="glyphicon glyphicon-chevron-down"></span></a>
                        </td>
                    </tr>
                </table>


                <br/>

                <div class="row clearfix">
                    <div class="col-md-3 column">
                        <div class="item-pad">

                            <div class="item-img">
                                <a class="item-img" href="#">
                                    <img src="user/images/portfolio/img1.jpg" alt="" width="100%"/>
                                </a>
                            </div>
                            <div class="item-inner">
                                <div class="item-title">
                                    千兆1光1电单模单纤光纤收发
                                </div>
                                <div class="item-model">
                                    型号:TELG1000S05AB
                                </div>
                                <div class="item-desc">
                                    1个千兆SC光纤接口，1个千兆RJ45接口 基于波分复用技基于波分复用技术，单模单纤传输，最术，单模单纤传输，最远传输距离3公里
                                    工作波长：型号:TELG1000S05AB
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3 column">
                        <div class="item-pad">
                            <div class="item-img">
                                <img src="user/images/portfolio/img2.jpg" alt="" width="100%"/>
                            </div>
                            <div class="item-inner">
                                <div class="item-title">
                                    千兆1光1电单模单纤光纤收发 砥砺前行 | 东土科技助力中国智能制造2018研讨会在合肥举办
                                </div>
                                <div class="item-model">
                                    型号:TELG1000S05AB
                                </div>
                                <div class="item-desc">
                                    1个千兆SC光纤接口，1个千兆RJ45接口 基于波分复用技术，单模单纤传输，最远传输距离3公里 工作波长：型号:TELG1000S05AB
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3 column">
                        <div class="item-pad">
                            <div class="item-img">
                                <img src="user/images/portfolio/img3.jpg" alt="" width="100%"/>
                            </div>
                            <div class="item-inner">
                                <div class="item-title">
                                    千兆1光1电单模单纤光纤收发 砥砺前行 | 东土科技助力中国智能制造2018研讨会在合肥举办
                                </div>
                                <div class="item-model">
                                    型号:TELG1000S05AB
                                </div>
                                <div class="item-desc">
                                    1个千兆SC光纤接口，1个千兆RJ45接口 基于波分复用技术，单模单纤传输，最远传输距离3公里 工作波长：型号:TELG1000S05AB
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-md-3 column">
                        <div class="item-pad">
                            <div class="item-img">
                                <img src="user/images/portfolio/img4.jpg" alt="" width="100%"/>
                            </div>
                            <div class="item-inner">
                                <div class="item-title">
                                    千兆1光1电单模单纤光纤收发 砥砺前行 | 东土科技助力中国智能制造2018研讨会在合肥举办
                                </div>
                                <div class="item-model">
                                    型号:TELG1000S05AB
                                </div>
                                <div class="item-desc">
                                    1个千兆SC光纤接口，1个千兆RJ45接口 基于波分复用技术，单模单纤传输，最远传输距离3公里 工作波长：型号:TELG1000S05AB
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-3 column">
                        <div class="item-pad">
                            <div class="item-img">
                                <img src="user/images/portfolio/img4.jpg" alt="" width="100%"/>
                            </div>
                            <div class="item-inner">
                                <div class="item-title">
                                    千兆1光1电单模单纤光纤收发 砥砺前行 | 东土科技助力中国智能制造2018研讨会在合肥举办
                                </div>
                                <div class="item-model">
                                    型号:TELG1000S05AB
                                </div>
                                <div class="item-desc">
                                    1个千兆SC光纤接口，1个千兆RJ45接口 基于波分复用技术，单模单纤传输，最远传输距离3公里 工作波长：型号:TELG1000S05AB
                                </div>
                            </div>
                        </div>
                    </div>

                </div>


                <div class="row pad-15">
                    <div class="col-md-12">
                        <nav class="pagination-outer" aria-label="Page navigation">
                            <ul class="pagination">
                                <li class="page-item">
                                    <a href="#" class="page-link" aria-label="Previous">
                                        <span aria-hidden="true">←</span>
                                    </a>
                                </li>
                                <li class="page-item"><a class="page-link" href="#">1</a></li>
                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                <li class="page-item active"><a class="page-link" href="#">3</a></li>
                                <li class="page-item"><a class="page-link" href="#">4</a></li>
                                <li class="page-item"><a class="page-link" href="#">5</a></li>
                                <li class="page-item">
                                    <a href="#" class="page-link" aria-label="Next">
                                        <span aria-hidden="true">→</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>


            </div>
        </section>


    </div>
</div><!-- /container -->

<div th:replace="themes/hxq/footer::footer"></div>

<link rel="stylesheet" th:href="@{/user/js/fancybox/jquery.fancybox.css}"/>

<script src="/user/js/custom/portfolio.js"></script>
</body>
</html>